<template>
    <div>
        <component :is="is"
         @son="son"></component>
    </div>
</template>
<script>
import Son1 from "./Son1"
import Son2 from "./Son2"
import Tou from "./Tou"
export default {
    components:{Son1,Son2,Tou},
    data(){
        return{
            is:"Tou",
        }
    },
    methods:{
        son(va){
            this.is = va;
        }
    }
}
</script>
<style scoped>
*{
    margin: 0;
    padding: 0;
}


</style>